<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>江西财经大学马克思主义学院</title>
    <style>
        body {
            font-family: Arial, sans-serif;
        }
        header {
            background-color: #f8f8f8;
            padding: 10px 0;
        }
        .header-container {
            display: flex;
            justify-content: space-between;
            align-items: center;
            max-width: 1200px;
            margin: 0 auto;
        }
        .logo {
            width: 100px; 
        }
        .logo img {
            width: 100%;
            height: auto;
        }
        .search-box {
            flex-grow: 1;
            display: flex;
            justify-content: flex-end;
            padding: 0 20px;
        }
        .search-box input[type="text"] {
            padding: 8px;
            border: 1px solid #ccc;
            border-radius: 4px 0 0 4px;
        }
        .search-box input[type="submit"] {
            padding: 8px 16px;
            background-color: #007bff;
            color: white;
            border: none;
            border-radius: 0 4px 4px 0;
            cursor: pointer;
        }
        nav {
            background-color: #333;
            color: white;
            padding: 10px 0;
        }
        nav ul {
            list-style: none;
            padding: 0;
            margin: 0;
            display: flex;
            justify-content: center;
        }
        nav ul li {
            position: relative;
            padding: 0 15px;
        }
        nav ul li a {
            color: white;
            text-decoration: none;
            font-weight: bold;
            display: block;
            padding: 10px;
        }
        nav ul li a:hover {
            text-decoration: underline;
        }
        .dropdown-content {
            display: none;
            position: absolute;
            background-color: #f9f9f9;
            min-width: 160px;
            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
            z-index: 1;
        }
        .dropdown-content a {
            color: black;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
        }
        .dropdown-content a:hover {
            background-color: #f1f1f1;
        }
        .dropdown:hover .dropdown-content {
            display: block;
        }
        .carousel {
            position: relative;
            max-width: 1200px;
            margin: 20px auto;
            overflow: hidden;
        }
        .carousel img {
            width: 100%;
            display: none;
        }
        .carousel img.active {
            display: block;
        }
        .carousel-indicators {
            position: absolute;
            bottom: 10px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
        }
        .carousel-indicators button {
            border: none;
            background-color: #fff;
            margin: 0 5px;
            cursor: pointer;
            padding: 5px;
            border-radius: 50%;
        }
        .carousel-indicators button.active {
            background-color: #007bff;
        }
        .small-carousel-container {
            display: flex;
            max-width: 1200px;
            margin: 20px auto;
        }
        .small-carousel {
            max-width: 600px; 
            overflow: hidden;
        }
        .small-carousel img {
            width: 100%;
            display: none;
        }
        .small-carousel img.active {
            display: block;
        }
        .small-carousel-indicators {
            position: absolute;
            bottom: 10px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
        }
        .small-carousel-indicators button {
            border: none;
            background-color: #fff;
            margin: 0 5px;
            cursor: pointer;
            padding: 5px;
            border-radius: 50%;
        }
        .small-carousel-indicators button.active {
            background-color: #007bff;
        }
        .links-container {
            max-width: 600px;
            margin-left: 20px;
        }
        .link-item {
            margin: 10px 0;
            text-align: center;
        }
        .link-item a {
            display: block;
            padding: 10px;
            background-color: #f1f1f1;
            color: #333;
            text-decoration: none;
            font-weight: bold;
        }
        .link-item a:hover {
            background-color: #ddd;
        }
        .content {
            max-width: 1200px;
            margin: 20px auto;
            padding: 20px;
        }
    </style>
</head>
<body>
    <header>
        <div class="header-container">
            <div class="logo">
                <img src="logoliu.png" alt="江西财经大学马克思主义学院">
            </div>
            <div class="search-box">
                <input type="text" placeholder="搜索...">
                <input type="submit" value="搜索">
            </div>
        </div>
    </header>
    <nav>
        <ul>
            <li><a href="http://mkszyxy.jxufe.edu.cn/">首页</a></li>  
            <li class="dropdown"><a href="http://mkszyxy.jxufe.edu.cn/news-show-1269.html">学院概况</a>  
                <div class="dropdown-content">
                    <a href="http://mkszyxy.jxufe.edu.cn/news-show-1269.html">学院简介</a>  
                    <a href="xueyuanlingdao.html">学院领导</a>  
                    <a href="http://mkszyxy.jxufe.edu.cn/news-show-1271.html">机构设置</a>  
                </div>
            </li>
            <li class="dropdown"><a href="#">学科建设</a>
                <div class="dropdown-content">
                    <a href="#">专业介绍</a>
                    <a href="#">课程设置</a>
                    <a href="#">教学资源</a>
                </div>
            </li>
            <li class="dropdown"><a href="#">科研工作</a>
                <div class="dropdown-content">
                    <a href="#">科研项目</a>
                    <a href="#">科研成果</a>
                    <a href="#">科研团队</a>
                </div>
            </li>
            <li class="dropdown"><a href="#">师资队伍</a>
                <div class="dropdown-content">
                    <a href="#">教授团队</a>
                    <a href="#">副教授团队</a>
                    <a href="#">讲师团队</a>
                </div>
            </li>
            <li><a href="">本科生教育</a></li>
            <li class="dropdown"><a href="#">研究生工作</a>
                <div class="dropdown-content">
                    <a href="news-list-qingmaluntan.html">青马论坛</a>
                    <a href="news-list-qingmagongcheng.html">青马工程</a>
                </div>
            </li>
            <li class="dropdown"><a href="#">党建团学</a>
                <div class="dropdown-content">
                    <a href="#">党建工作</a>
                    <a href="#">团学工作</a>
                </div>
            </li>
            <li class="dropdown"><a href="#">人才招聘</a>
                <div class="dropdown-content">
                    <a href="#">招聘信息</a>
                </div>
            </li>
            <li class="dropdown"><a href="#">招生就业</a>
                <div class="dropdown-content">
                    <a href="#">招生信息</a>
                    <a href="#">就业工作</a>
                </div>
            </li>
        </ul>
    </nav>
    <div class="carousel">
        <img src="a61.jpg" alt="Slide 1" class="mySlides active">
        <img src="a62.jpg" alt="Slide 2" class="mySlides">
        <img src="aao.png" alt="Slide 3" class="mySlides">
        <div class="carousel-indicators">
            <button class="active" onclick="changeSlide(0)"></button>
            <button onclick="changeSlide(1)"></button>
            <button onclick="changeSlide(2)"></button>
        </div>
    </div>
    <div class="small-carousel-container">
        <div class="small-carousel">
            <img src="w.jpg" alt="Small Slide 1" class="small-mySlides active">
            <img src="ww.png" alt="Small Slide 2" class="small-mySlides">
            <img src="www.png" alt="Small Slide 3" class="small-mySlides">
            <div class="small-carousel-indicators">
                <button class="active" onclick="changeSmallSlide(0)"></button>
                <button onclick="changeSmallSlide(1)"></button>
                <button onclick="changeSmallSlide(2)"></button>
                </div>
                </div>
                <div class="links-container">
                <div class="link-item">
                <a href="http://mkszyxy.jxufe.edu.cn/news-show-2740.html">马克思主义学院召开党的二十届三中全会精神宣讲会暨新学期第一次教职工大会</a>
                </div>
                <div class="link-item">
                <a href="http://mkszyxy.jxufe.edu.cn/news-show-2733.html">我院与八一起义纪念馆举行“南昌起义史料搜集整理与研究”交流座谈会</a>
                </div>
                <div class="link-item">
                <a href="http://mkszyxy.jxufe.edu.cn/news-show-2468.html">《光明日报》刊登刘晓泉教授理论文章</a>
                </div>
                <div class="link-item">
                <a href="http://mkszyxy.jxufe.edu.cn/news-show-2805.html">贵州财经大学马克思主义学院和思鹏院长一行来校交流</a>
                </div>
                <div class="link-item">
                    <a href="http://mkszyxy.jxufe.edu.cn/news-show-2804.html">嘉兴大学马克思主义学院来我院开展人才招聘宣讲活动</a>
                    </div>
                    <div class="link-item">
                        <a href="http://mkszyxy.jxufe.edu.cn/news-show-2794.html">学院举行昌北片区高校思政课教师集体备课会 暨《纲要》课问题式专题化团队教学研讨会</a>
                        </div>
                </div>
                </div>
                <div class="content">
                </div>
                <div class="friend-links">
                </div>
                <hr>

                <div class="photo-container">
                    <div class="photo-section">
                        <div class="photo-caption">
                            <a href=""<h3>本科生教育</h3>
                            </a>
                            <hr>
                        </div>
                        <img src="q.png" alt="Photo 1" class="photo">
                        <div class="link-section">
                            <a href="http://news.jxufe.edu.cn/news-show-122589.html" class="link-item">校领导为本科生讲授《形势与政策》课</a>
                            <a href="http://news.jxufe.edu.cn/news-show-122544.html" class="link-item">一堂有高度有深度有温度的《形势与政策》课</a>
                            <a href="http://news.jxufe.edu.cn/news-show-122558.html" class="link-item">省委常委梁桂来校作形势报告暨专题党课</a>
                            <a href="http://news.jxufe.edu.cn/news-show-121951.html" class="link-item">学院举行江西省问题式专题化团队教学跨课程集体备课会</a>
                        </div>
                    </div>
                    <div class="photo-section">
                        <div class="photo-caption">
                            <a href=""><h3>研究生教育</h3></a>
                            <hr>
                        </div>
                        <img src="qq.png" alt="Photo 2" class="photo">
                        <div class="link-section">
                            <a href="http://mkszyxy.jxufe.edu.cn/news-show-2798.html" class="link-item">我院“名校名师进课堂”（研究生）专项计划顺利开课</a>
                            <a href="http://mkszyxy.jxufe.edu.cn/news-show-2792.html" class="link-item">江西财经大学马克思主义学院同等学力研修班开班仪式顺利举办</a>
                            <a href="http://mkszyxy.jxufe.edu.cn/news-show-2785.html" class="link-item">我院领导深入研究生课堂开展听课活动</a>
                            <a href="http://mkszyxy.jxufe.edu.cn/news-show-2783.html" class="link-item">江西财经大学 2025 年硕士研究生招生章程</a>
                        </div>
                    </div>
                    <div class="photo-section">
                        <div class="photo-caption">
                            <a href=""><h3>科研工作</h3></a>
                            <hr>
                        </div>
                        <img src="qqq.png" alt="Photo 3" class="photo">
                        <div class="link-section">
                            <a href="http://mkszyxy.jxufe.edu.cn/news-show-2780.html" class="link-item">喜报：我院立项2024年度国家社科基金项目4项</a>
                            <a href="http://mkszyxy.jxufe.edu.cn/news-show-2777.html" class="link-item">武汉大学骆郁廷教授应邀来我院讲学</a>
                            <a href="http://mkszyxy.jxufe.edu.cn/news-show-2774.html" class="link-item">华东师范大学齐卫平教授应邀来我院讲学</a>
                            <a href="http://mkszyxy.jxufe.edu.cn/news-show-2775.html" class="link-item">清华大学肖贵清教授应邀来我院讲学</a>
                        </div>
                    </div>
                </div>
                <div class="friend-links">
                    <h3>友情链接</h3>
                    <ul>
                        <li><a href="http://www.nopss.gov.cn/" style="color: white; font-size: 14px;">全国哲学社会科学工作办公室</a></li>
                        <li><a href="https://www.ncpssd.org" style="color: white; font-size: 14px;">中国高校人文社会科学信息网</a></li>
                        <li><a href="http://www.cssn.cn/" style="color: white; font-size: 14px;">中国社会科学网</a></li>
                    </ul>
                </div>
                <footer>
                    <div class="footer-content">
                        <p><strong>联系我们</strong></p>
                        <p>地址：江西省南昌市昌北开发区双港东大街168号江西财经大学蛟桥园南区综合楼7楼</p>
                        <p>邮政编码：330013</p>
                        <p>邮箱：mkszyxy09@163.com</p>
                    </div>
                </footer>
                <style>
                    footer {
    background-color: #f8f8f8; /* 页脚背景颜色 */
    color: #333; /* 文字颜色 */
    text-align: center; /* 文字居中 */
    padding: 20px 0; /* 垂直内边距 */
    margin-top: 20px; /* 与内容区域的间距 */
    font-size: 14px; /* 字体大小 */
    border-top: 1px solid #ddd; /* 与内容区域的分隔线 */
}

.footer-content p {
    margin: 5px 0; /* 段落之间的间距 */
}
                    .friend-links {
    background-color: #333; /* 背景颜色，可根据需要调整 */
    color: white; /* 文字颜色 */
    padding: 20px;
    margin-top: 20px;
}

.friend-links h3 {
    color: white;
    font-size: 18px; /* 标题字体大小 */
}

.friend-links ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap; /* 允许列表换行 */
    justify-content: space-between; /* 列表项之间的间距 */
}

.friend-links ul li {
    width: 30%; /* 每个列表项的宽度 */
    margin-bottom: 10px; /* 列表项之间的垂直间距 */
}

.friend-links ul li a {
    color: white;
    text-decoration: none;
    font-size: 14px; /* 链接字体大小 */
    display: block; /* 使链接填满整个列表项 */
}
                    .photo-container {
                        display: flex;
                        justify-content: space-between;
                    }
                    .photo-section {
                        width: 30%;
                        display: flex;
                        flex-direction: column;
                    }
                    .photo-caption {
                        width: 100%;
                        text-align: center;
                    }
                    .photo {
                        width: 100%;
                        height: auto;
                        margin-bottom: 10px; /* 为图片和链接区之间添加一些空间 */
                    }
                    .link-section {
                        display: flex;
                        flex-direction: column;
                    }
                    .link-item {
                        margin-bottom: 5px; /* 为链接之间添加一些空间 */
                        text-decoration: none;
                        color: #007bff;
                        font-weight: bold;
                    }
                    .link-item:hover {
                        text-decoration: underline;
                    }
                    .photo-caption h3 {
                        margin: 0;
                        padding: 0 10px; /* 为标题添加一些内边距 */
                    }
                    .photo-caption hr {
                        width: 90%; /* 横线宽度为容器宽度的90% */
                        border: 0;
                        height: 2px;
                        background-color: #000; /* 横线颜色 */
                        margin: 5px auto 10px; /* 横线的外边距 */
                    }
                </style>
                <hr>
                
                <script>
                    let slideIndex = 0;
                    let smallSlideIndex = 0;
                    showSlides();    showSmallSlides();
                
                    function showSlides() {
                        let i;
                        let slides = document.getElementsByClassName("mySlides");
                        let dots = document.getElementsByClassName("carousel-indicators button");
                        for (i = 0; i < slides.length; i++) {
                            slides[i].style.display = "none";  
                        }
                        slideIndex++;
                        if (slideIndex > slides.length) {slideIndex = 1}    
                        for (i = 0; i < dots.length; i++) {
                            dots[i].className = dots[i].className.replace(" active", "");
                        }
                        slides[slideIndex-1].style.display = "block";  
                        dots[slideIndex-1].className += " active";
                        setTimeout(showSlides, 3000); 
                    }
                
                    function changeSlide(n) {
                        showSlides(slideIndex = n);
                    }
                
                    function showSmallSlides() {
                        let i;
                        let smallSlides = document.getElementsByClassName("small-mySlides");
                        let smallDots = document.getElementsByClassName("small-carousel-indicators button");
                        for (i = 0; i < smallSlides.length; i++) {
                            smallSlides[i].style.display = "none";  
                        }
                        smallSlideIndex++;
                        if (smallSlideIndex > smallSlides.length) {smallSlideIndex = 1}    
                        for (i = 0; i < smallDots.length; i++) {
                            smallDots[i].className = smallDots[i].className.replace(" active", "");
                        }
                        smallSlides[smallSlideIndex-1].style.display = "block";  
                        smallDots[smallSlideIndex-1].className += " active";
                        setTimeout(showSmallSlides, 3000); 
                    }
                
                    function changeSmallSlide(n) {
                        showSmallSlides(smallSlideIndex = n);
                    }
                
                    // 处理下拉菜单的显示和隐藏
                    document.querySelectorAll('.dropdown').forEach(function(drop) {
                        drop.addEventListener('mouseover', function() {
                            this.querySelector('.dropdown-content').style.display = 'block';
                        });
                        drop.addEventListener('mouseout', function() {
                            this.querySelector('.dropdown-content').style.display = 'none';
                        });
                    });
                
                    document.querySelectorAll('.content h1, .content h2, .content h3').forEach(function(header) {
                        header.addEventListener('click', function() {
                            let content = document.querySelector('#' + this.id + ' + .collapsible-content');
                            content.setAttribute('aria-hidden', content.getAttribute('aria-hidden') === 'false' ? 'true' : 'false');
                            this.setAttribute('aria-expanded', content.getAttribute('aria-hidden') === 'false');
                        });
                    });
                </script>
                </body> 
                </html>